/* pages/my/my.wxss */

.main {
  background-color: #eee;
  height: 1000rpx;
  .top {
    padding: 50rpx 30rpx;
    background: linear-gradient(318deg, #b2b5db, #565482 70%, #494675);
    height: 450rpx;
    .message {
      display: flex;
      justify-content: space-between;
      line-height: 100rpx;
      color: #fff;
      .img {
        display: inline-block;
        width: 100rpx;
        height: 100rpx;
        background-color: #8db;
        border-radius: 50%;
        overflow: hidden;
        image {
          width: 100rpx;
          height: 100rpx;
        }
      }
      .name {
        flex: 1;
        font-size: 36rpx;
        margin-left: 20rpx;
      }
      .msg {
        font-size: 24rpx;
      }
    }
    .van-col {
      display: flex;
      flex-direction: column;
      text-align: center;
      margin-top: 150rpx;
      color: #fff;
    }
  }
  .nav {
    position: absolute;
    left: 5%;
    top: 460rpx;
    width: 90%;
    border-radius: 10rpx;
    background-color: #fff;
    van-grid {
      background: rgba(0, 0, 0, 0);
    }
  }
  .more {
    padding: 20rpx 20rpx;
    // margin-top: ;
    width: 90%;
    border-radius: 10rpx;
    background-color: #fff;
    margin: 100rpx auto;
  }
}
